
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>员工信息表</title>
    <style>
        table {
            width: 800px;
            border: 1px solid black;
            background: pink;
        }
        td {
            width: 70px;
            border: 1px solid black;
        }
        th {
            width: 70px;
            border: 1px solid black;
        }
    </style>


</head>
<body>
        <table align="center">

            <thead>
                <tr>
                    <th colspan="6">
                        <button id="addBtn">添加</button>
                        <%--点击添加的时候，应该会跳出一个对话框，在里面填信息--%>
                    </th>
                </tr>
                <tr>
                    <th>编号</th>
                    <th>员工姓名</th>
                    <th>员工年龄</th>
                    <th>员工地址</th>
                    <th>员工手机</th>
                    <th>操作</th>
                </tr>
            </thead>

            <tbody>
                <%--
                     需要循环读取数据库中的内容
                 --%>
                <c:forEach var="emp" items="${emps}">
                    <tr>
                        <td>${emp.id}</td>
                        <td>${emp.e_name}</td>
                        <td>${emp.e_age}</td>
                        <td>${emp.e_address}</td>
                        <td>${emp.e_phone}</td>
                        <td>
                            <%--这边写后面的 编辑 和 删除--%>
                                <a href="http://localhost:8080/day17/emp?method=editUI&id=${emp.id}">编辑</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="http://localhost:8080/day17/emp?method=delete&id=${emp.id}">删除</a>
                        </td>
                    </tr>
                </c:forEach>
            </tbody>

        </table>

        <script>
         document.getElementById("addBtn").onclick = function () {
             window.location.href = "http://localhost:8080/day17/emp?method=addUI"
         }
        </script>
</body>
</html>
